<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body {
            background-color: rgb(242,242,242);
        }
        * {
            margin: 0 auto;
        }
    </style>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div style="width: 1600px;height: 1200px;background-color: rgb(242,242,242)">
    <a  style="margin-bottom: 3px" th:each="scenery:${pageInfo}" th:href="'/view/showDetails?location='+${scenery.location}+'&describe='+${scenery.describes}+'&createTime='+${scenery.createTime}+'&name='+${scenery.myname}+'&mytype='+${scenery.mytype}+'&id='+${scenery.id}">
        <img th:src="@{${scenery.location}}" width="394" height="298px" style="margin-bottom: 5px;margin-right: 5px" th:title="${scenery.describes}">
    </a>
</div>
</body>
</html>